﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>个人中心</title>

<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="static/css/fc1ab68d70ad48e88943ce422f4566dc.css" rel="stylesheet" />
<link rel="stylesheet" href="static/css/bootstrap.min.css" />
<link rel="stylesheet" href="static/css/bootstrap-select.min.css" />
<link rel="stylesheet" href="static/css/animate.min.css" />
<link rel="stylesheet" href="static/css/all.min.css" />
<link rel="stylesheet" href="static/css/jarallax.css" />
<link rel="stylesheet" href="static/css/organik-icons.css" />
<link rel="stylesheet" href="static/css/jquery.magnific-popup.css" />
<link rel="stylesheet" href="static/css/nouislider.min.css" />
<link rel="stylesheet" href="static/css/nouislider.pips.css" />
<link rel="stylesheet" href="static/css/odometer.min.css" />
<link rel="stylesheet" href="static/css/swiper.min.css" />
<link rel="stylesheet" href="static/css/tiny-slider.min.css" />

<link rel="stylesheet" href="static/css/organik.css" />
</head>
<body>
<div class="preloader">
<img class="preloader__image" width="55" src="static/picture/loader.png" alt="" />
</div>

<div class="page-wrapper">
<header class="main-header">
<div class="topbar">
<div class="container">
<div class="main-logo">
<a href="personal.html" class="logo">
<img src="static/images/universe.PNG" width="300" alt="">
</a>
<div class="mobile-nav__buttons">
<a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
<a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
</div>
<span class="fa fa-bars mobile-nav__toggler"></span>
</div>
<div class="topbar__left">
<div class="topbar__social">
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-facebook-square"></a>
<a href="#" class="fab fa-instagram"></a>
</div>
<div class="topbar__info">
<i class="organik-icon-email"></i>
<p>Email <a href="/cdn-cgi/l/email-protection#8de4e3ebe2cde2ffeaece3e4e6a3eee2e0"><span class="__cf_email__" data-cfemail="90f9fef6ffd0ffe2f7f1fef9fbbef3fffd">[email&#160;protected]</span></a></p>
</div>
</div>
<div class="topbar__right">
<div class="topbar__info">
<i class="organik-icon-calling"></i>
<p>Phone <a href="tel:+92-666-888-0000">92 666 888 0000</a></p>
</div>
<div class="topbar__buttons">
<a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
<a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
</div>
</div>
</div>
</div>
<nav class="main-menu">
<div class="container">
<div class="main-menu__login">
<!--<a href="#"><i class="organik-icon-user"></i>Login / Register</a>-->
</div>
<ul class="main-menu__list">
<li class="dropdown">
<a href="personal.html">个人中心</a>
<ul>
<li>
<a href="personal.html">个人信息修改</a></li>
<li><a href="index-2.html">发布自己的元产品</a></li>
 <li><a href="index-2.html">显示个人信息</a></li>
 <li><a href="index-2.html">交易记录</a></li>
 <li><a href="index-2.html">个人产品</a></li>
<!--<li class="dropdown">
<a href="#">个人模板</a>
<ul>
<li><a href="personal.html">个人信息修改</a></li>
<li><a href="index-2.html">发布自己的元产品</a></li>
 <li><a href="index-2.html">显示个人信息</a></li>
 <li><a href="index-2.html">交易记录</a></li>
 <li><a href="index-2.html">个人产品</a></li>
</ul>--!>
</li>
</ul>
</li>
<!--<li>
<a href="about.html">About</a>
</li>-->
<li class="dropdown">
<a href="products.html">交易市场</a>
<ul>
<li><a href="products.html">Shop</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown"><a href="news.html">购物车</a>
<ul>
<li><a href="news.html">购物车</a></li>
<li><a href="news-details.html">News Details</a></li>
</ul>
</li>
<li><a href="contact.html">个人农场</a></li>
 <li><a href="contact.html">农场社区</a></li>
</ul>
<div class="main-menu__language">
<img src="static/picture/flag-1-1.jpg" alt="">
<label class="sr-only" for="language-select">select language</label>

<select class="selectpicker" id="language-select-header">
<option value="english">English</option>
<option value="arabic">Arabic</option>
</select>
</div>
</div>
</nav>

</header>
<div class="stricky-header stricked-menu main-menu">
<div class="sticky-header__content"></div>
</div>
<section class="main-slider">
<div class="swiper-container thm-swiper__slider" data-swiper-options='{
    "slidesPerView": 1,
    "loop": true,
    "effect": "fade",
    "autoplay": {
        "delay": 5000
    },
    "navigation": {
        "nextEl": "#main-slider__swiper-button-next",
        "prevEl": "#main-slider__swiper-button-prev"
    }
    }'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="image-layer" style="background-image: url(static/images/main-slider-1-1.jpg);">
</div>

<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12 text-center">
<h2><span>Universe</span> <br>
Farm Market</h2>
<a href="products.html" class=" thm-btn">Order Now</a>

</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="image-layer" style="background-image: url(static/images/main-slider-1-2.jpg);">
</div>

<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12 text-center">
<h2><span>Universe</span> <br>
Food Market</h2>
<a href="products.html" class=" thm-btn">Order Now</a>

</div>
</div>
</div>
</div>
</div>

<div class="main-slider__nav">
<div class="swiper-button-prev" id="main-slider__swiper-button-next"><i class="organik-icon-left-arrow"></i>
</div>
<div class="swiper-button-next" id="main-slider__swiper-button-prev"><i class="organik-icon-right-arrow"></i></div>
</div>
</div>
</section>
<section class="feature-box">
<div class="container">
<div class="inner-container wow fadeInUp" data-wow-duration="1500ms">
<div class="thm-tiny__slider" id="contact-infos-box" data-tiny-options='{
            "container": "#contact-infos-box",
            "items": 1,
            "slideBy": "page",
            "gutter": 0,
            "mouseDrag": true,
            "autoplay": true,
            "nav": false,
            "controlsPosition": "bottom",
            "controlsText": ["<i class=\"fa fa-angle-left\"></i>", "<i class=\"fa fa-angle-right\"></i>"],
            "autoplayButtonOutput": false,
            "responsive": {
                "640": {
                  "items": 2,
                  "gutter": 30
                },
                "992": {
                  "gutter": 30,
                  "items": 3
                },
                "1200": {
                  "disable": true
                }
              }
        }'>
<div>
<div class="feature-box__single">
<i class="organik-icon-global-shipping feature-box__icon"></i>
<div class="feature-box__content">
<h3>Return Policy</h3>
<p>Money back guarantee</p>
</div>
 </div>
</div>
<div>
<div class="feature-box__single">
<i class="organik-icon-delivery-truck feature-box__icon"></i>
<div class="feature-box__content">
<h3>Free Shipping</h3>
<p>On all orders over $25.00</p>
</div>
</div>
</div>
<div>
<div class="feature-box__single">
<i class="organik-icon-online-store feature-box__icon"></i>
<div class="feature-box__content">
<h3>Store Locator</h3>
<p>Find your nearest store</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="new-products">
<img src="static/picture/new-product-shape-1.png" alt="" class="new-products__shape-1">
<div class="container">
<div class="new-products__top">
<div class="block-title ">
<div class="block-title__decor"></div>
<p>Recently Added</p>
<h3>New Products</h3>
</div>
<ul class="post-filter filters list-unstyled">
<li class="active filter" data-filter=".filter-item">全部</li>
<li class="filter" data-filter=".dairy">土地</li>
<li class="filter" data-filter=".pantry">树苗
</li>

<li class="filter" data-filter=".fruits">果实
</li>
<li class="filter" data-filter=".veg">工具
</li>
</ul>
</div>
<div class="row filter-layout">
<div class="col-lg-4 col-md-6 filter-item fruits">
<div class="product-card__two">
<div class="product-card__two-image">
<span class="product-card__two-sale">sale</span>
<img src="static/picture/苹果果.png" alt="">
<div class="product-card__two-image-content">
<a href="#"><i class="organik-icon-visibility"></i></a>
<a href="#"><i class="organik-icon-heart"></i></a>
<a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
</div>
</div>
<div class="product-card__two-content">
<h3><a href="product-details.html">苹果</a></h3>
<div class="product-card__two-stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
 </div>
<p>￥1.00</p>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 filter-item fruits">
<div class="product-card__two">
<div class="product-card__two-image">
<img src="static/picture/柚子果.png" alt="" height="236">
<div class="product-card__two-image-content">
<a href="#"><i class="organik-icon-visibility"></i></a>
<a href="#"><i class="organik-icon-heart"></i></a>
<a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
</div>
</div>
<div class="product-card__two-content">
<h3><a href="product-details.html">橙子</a></h3>
<div class="product-card__two-stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<p>￥3.00</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 filter-item pantry">
<div class="product-card__two">
<div class="product-card__two-image">
<img src="static/picture/苹果苗.png" alt="" height="236">
<div class="product-card__two-image-content">
<a href="#"><i class="organik-icon-visibility"></i></a>
<a href="#"><i class="organik-icon-heart"></i></a>
<a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
</div>
</div>
<div class="product-card__two-content">
<h3><a href="product-details.html">苹果树苗</a></h3>
<div class="product-card__two-stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<p>￥1.00</p>
</div>
</div>
</div>

 <div class="col-lg-4 col-md-6 filter-item dairy">
  <div class="product-card__two">
   <div class="product-card__two-image">
    <img src="static/picture/土地b.png" alt="" height="236">
    <div class="product-card__two-image-content">
     <a href="#"><i class="organik-icon-visibility"></i></a>
     <a href="#"><i class="organik-icon-heart"></i></a>
     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
    </div>
   </div>
   <div class="product-card__two-content">
    <h3><a href="product-details.html">雪地</a></h3>
    <div class="product-card__two-stars">
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
    </div>
    <p>$2.00</p>
   </div>
  </div>
 </div>
 <div class="col-lg-4 col-md-6 filter-item dairy">
  <div class="product-card__two">
   <div class="product-card__two-image">
    <img src="static/picture/土地c.png" alt="" height="236">
    <div class="product-card__two-image-content">
     <a href="#"><i class="organik-icon-visibility"></i></a>
     <a href="#"><i class="organik-icon-heart"></i></a>
     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
    </div>
   </div>
   <div class="product-card__two-content">
    <h3><a href="product-details.html">绿地</a></h3>
    <div class="product-card__two-stars">
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
    </div>
    <p>$2.00</p>
   </div>
  </div>
 </div>


 <div class="col-lg-4 col-md-6 filter-item dairy">
  <div class="product-card__two">
   <div class="product-card__two-image">
    <img src="static/picture/土地e.png" alt="" height="236">
    <div class="product-card__two-image-content">
     <a href="#"><i class="organik-icon-visibility"></i></a>
     <a href="#"><i class="organik-icon-heart"></i></a>
     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
    </div>
   </div>
   <div class="product-card__two-content">
    <h3><a href="product-details.html">石地</a></h3>
    <div class="product-card__two-stars">
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
    </div>
    <p>$2.00</p>
   </div>
  </div>
 </div>

 <div class="col-lg-4 col-md-6 filter-item dairy">
  <div class="product-card__two">
   <div class="product-card__two-image">
    <img src="static/picture/tu1.png" alt="" height="236">
    <div class="product-card__two-image-content">
     <a href="#"><i class="organik-icon-visibility"></i></a>
     <a href="#"><i class="organik-icon-heart"></i></a>
     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
    </div>
   </div>
   <div class="product-card__two-content">
    <h3><a href="product-details.html">高地</a></h3>
    <div class="product-card__two-stars">
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
    </div>
    <p>$2.00</p>
   </div>
  </div>
 </div>

 <div class="col-lg-4 col-md-6 filter-item veg">
  <div class="product-card__two">
   <div class="product-card__two-image">
    <img src="static/picture/保护罩.png" alt="" height="236">
    <div class="product-card__two-image-content">
     <a href="#"><i class="organik-icon-visibility"></i></a>
     <a href="#"><i class="organik-icon-heart"></i></a>
     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
    </div>
   </div>
   <div class="product-card__two-content">
    <h3><a href="product-details.html">保护罩</a></h3>
    <div class="product-card__two-stars">
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
    </div>
    <p>$2.00</p>
   </div>
  </div>
 </div>
<div class="col-lg-4 col-md-6 filter-item pantry">
<div class="product-card__two">
<div class="product-card__two-image">
<span class="product-card__two-sale">sale</span>
<img src="static/picture/猕猴桃苗.png" alt="" height="236">
<div class="product-card__two-image-content">
<a href="#"><i class="organik-icon-visibility"></i></a>
<a href="#"><i class="organik-icon-heart"></i></a>
<a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
</div>
</div>
<div class="product-card__two-content">
<h3><a href="product-details.html">猕猴桃树苗</a></h3>
<div class="product-card__two-stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
 <i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<p>￥2.00</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="offer-banner">
<div class="container">
<div class="row">
<div class="col-md-6 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
 <div class="offer-banner__box" style="background-image: url(static/picture/xiatu.jpg);">
<div class="offer-banner__content">
<h3><span>100%</span> <br>True </h3>
<p>Science and Technology</p>
<a href="products.html" class="thm-btn">Order Now</a>
</div>
</div>
</div>
<div class="col-md-6 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="100ms">
<div class="offer-banner__box" style="background-image: url(static/images/offer-banner-1-2.jpg);">
<div class="offer-banner__content">
<h3><span>100%</span> <br>Really</h3>
<p>Hight Quality Food Store</p>
<a href="products.html" class="thm-btn">Order Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="funfact-one jarallax" data-jarallax data-speed="0.3" data-imgPosition="50% 50%">
<img src="static/picture/funfact-bg-1-1.jpg" class="jarallax-img" alt="">
<div class="container">
<div class="row no-gutters">
<div class="col-md-6 col-lg-3  wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
<div class="funfact-one__single">
<h3 class="odometer" data-count="8080">00</h3>
<p>Send Products</p>
</div>
</div>
<div class="col-md-6 col-lg-3  wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="100ms">
<div class="funfact-one__single">
<h3 class="odometer" data-count="697">00</h3>
<p>Users</p>
</div>
</div>
<div class="col-md-6 col-lg-3  wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="200ms">
<div class="funfact-one__single">
<h3 class="odometer" data-count="440">00</h3>
<p>Profiting</p>
</div>
</div>
<div class="col-md-6 col-lg-3  wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="300ms">
<div class="funfact-one__single">
<h3 class="odometer" data-count="2870">00</h3>
<p>Satisfied Customers</p>
</div>
</div>
</div>
</div>
</section>
<section class="call-to-action">
<img src="static/picture/call-shape-1.png" alt="" class="call-to-action__shape-1">
<img src="static/picture/call-shape-2.png" alt="" class="call-to-action__shape-2 wow fadeInLeft" data-wow-duration="1500ms">
<h2 class="floated-text">Organic</h2>
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12 col-xl-6 clearfix">
<img src="static/picture/规则.jpg" class="call-to-action__image" alt="">
</div>
<div class="col-md-12 col-lg-12 col-xl-6 clearfix">
<div class="call-to-action__content">
<div class="block-title text-left">
<div class="block-title__decor" style="background-image: url(static/images/leaf-2-1.png);"></div>

<p>Shopping Store</p>
<h3>Organic Food Only</h3>
</div>
<p>游戏中，运用高科技来到宇宙农场进行体验，你可以在这里可以拥有一块属于你自己的地，种植水果
 在这里每种成一棵果树
 就能免费包邮到家，还可以进行销售！</p>
<div class="call-to-action__wrap">
<div class="row no-gutters">
<div class="col-md-6">
<div class="call-to-action__box">
<i class="organik-icon-farmer"></i>
<h3>Professional
Farmers</h3>
</div>
</div>
<div class="col-md-6">
<div class="call-to-action__box">
<i class="organik-icon-farm"></i>
<h3>Solution
for Farming</h3>
</div>
</div>
</div>
</div>
<a href="products.html" class="thm-btn">Order Now</a>
</div>
</div>
</div>
</div>
</section>
<div class="client-carousel ">
<div class="container">
<div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 140, "slidesPerView": 5, "autoplay": { "delay": 5000 }, "breakpoints": {
                "0": {
                    "spaceBetween": 30,
                    "slidesPerView": 2
                },
                "375": {
                    "spaceBetween": 30,
                    "slidesPerView": 2
                },
                "575": {
                    "spaceBetween": 30,
                    "slidesPerView": 3
                },
                "767": {
                    "spaceBetween": 50,
                    "slidesPerView": 4
                },
                "991": {
                    "spaceBetween": 50,
                    "slidesPerView": 5
                },
                "1199": {
                    "spaceBetween": 100,
                    "slidesPerView": 5
                }
            }}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="static/picture/brand-1-1.png" alt="">
 </div>
</div>
</div>
</div>
</div>
<section class="call-to-action-two">
<img src="static/picture/call-shape-2-1.png" alt="" class="call-to-action-two__shape-1">
<img src="static/picture/call-shape-2-2.png" alt="" class="call-to-action-two__shape-2">
<img src="static/picture/call-shape-2-3.png" alt="" class="call-to-action-two__shape-3">
<img src="static/picture/call-shape-2-4.png" alt="" class="call-to-action-two__shape-4">
<img src="static/picture/call-shape-2-5.png" alt="" class="call-to-action-two__shape-5">
<img src="static/picture/call-shape-2-6.png" alt="" class="call-to-action-two__shape-6">
<div class="container">
<div class="row flex-xl-row-reverse">
<div class="col-lg-12 col-xl-6">
<div class="call-to-action-two__image">
<h2 class="floated-text">Healthy</h2>
<img src="static/picture/call-2-1.png" alt="">
</div>
</div>
<div class="col-lg-12 col-xl-6">
<div class="call-to-action-two__content">
<div class="block-title text-left">
<div class="block-title__decor"></div>

<h3>Universe Farm攻略</h3>
</div>
<div class="row">
<div class="col-md-6">
<h4>Duis aute irure dolor in reprehen in derit.</h4>
<p>Voluptate velit essects quis tempor orci. Suspendisse that potenti faucibus.</p>
</div>
<div class="col-md-6">
<ul class="list-unstyled">
<li>
<i class="far fa-check-circle"></i>
挑选购买一块属于自己的土地
</li>
<li>
<i class="far fa-check-circle"></i>
挑选一个喜欢的水果树苗
</li>
<li>
<i class="far fa-check-circle"></i>
每天签到获得浇水机会
</li>
<li>
<i class="far fa-check-circle"></i>
浇水养大果树
</li>
<li>
<i class="far fa-check-circle"></i>
发货回家或进行售卖
</li>
</ul>
</div>
</div>
<a href="products.html" class="thm-btn">Order Now</a>
</div>
</div>
</div>
</div>
 </section>
<!--<section class="testimonials-one">
<div class="testimonials-one__head">
<div class="container">
<div class="block-title text-center">
<div class="block-title__decor"></div>
<p>Our Testimonials</p>
<h3>What People Say?</h3>-->
</div>
</div>
</div>
<div class="container">
<div class="thm-tiny__slider" id="testimonials-one-box" data-tiny-options='{
            "container": "#testimonials-one-box",
            "items": 1,
            "slideBy": "page",
            "gutter": 0,
            "mouseDrag": true,
            "autoplay": true,
            "nav": false,
            "controlsPosition": "bottom",
            "controlsText": ["<i class=\"fa fa-angle-left\"></i>", "<i class=\"fa fa-angle-right\"></i>"],
            "autoplayButtonOutput": false,
            "responsive": {
                "640": {
                  "items": 2,
                  "gutter": 30
                },
                "992": {
                  "gutter": 30,
                  "items": 3
                },
                "1200": {
                  "disable": true
                }
              }
        }'>
<div>
<div class="testimonials-one__single">
<div class="testimonials-one__image">
<!--<img src="static/picture/testi-1-1.png" alt="">-->
</div>&ndash;&gt;
<!--
<div class="testimonials-one__content">
<p>I was very impresed by the osfins service lorem ipsum is simply free text used by copy typing
refreshing. Neque porro est qui dolorem ipsum.</p>
<h3>Winnie Collier</h3>
<span>Customer</span>
</div>
-->
</div>
</div>
<div>
<div class="testimonials-one__single">
<div class="testimonials-one__image">
<!--<img src="static/picture/testi-1-2.png" alt="">-->
</div>
<!--<div class="testimonials-one__content">
<p>I was very impresed by the osfins service lorem ipsum is simply free text used by copy typing
refreshing. Neque porro est qui dolorem ipsum.</p>
<h3>Helen Woods</h3>
<span>Customer</span>
</div>-->
</div>
</div>
<div>
<div class="testimonials-one__single">
<div class="testimonials-one__image">
<!--<img src="static/picture/testi-1-3.png" alt="">-->
</div>
<!--<div class="testimonials-one__content">
<p>I was very impresed by the osfins service lorem ipsum is simply free text used by copy typing
refreshing. Neque porro est qui dolorem ipsum.</p>
<h3>Ethan Thomas</h3>
<span>Customer</span>
</div>-->
</div>
</div>
</div>
</div>

</section>
<section class="gallery-one">
<div class="container-fluid">
<div class="block-title text-center">
<div class="block-title__decor"></div>
<p>We’re On Instagram</p>
<h3>Shop on Instagram</h3>
</div>
<div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
        "autoplay": {
            "delay": 5000
        }, "breakpoints": {
            "0": {
                "spaceBetween": 0,
                "slidesPerView": 1
            },
            "375": {
                "spaceBetween": 0,
                "slidesPerView": 1
            },
            "575": {
                "spaceBetween": 10,
                "slidesPerView": 2
            },
            "767": {
                "spaceBetween": 10,
                "slidesPerView": 3
            },
            "991": {
                "spaceBetween": 10,
                "slidesPerView": 5
            },
            "1199": {
                "spaceBetween": 10,
                "slidesPerView": 5
            }
        }}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-1.jpg" alt="">
<a href="assets/images/gallery/gallery-1-1.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-2.jpg" alt="">
<a href="assets/images/gallery/gallery-1-2.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-3.jpg" alt="">
<a href="assets/images/gallery/gallery-1-3.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-4.jpg" alt="">
<a href="assets/images/gallery/gallery-1-4.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-5.jpg" alt="">
<a href="assets/images/gallery/gallery-1-5.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-1.jpg" alt="">
<a href="assets/images/gallery/gallery-1-1.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-2.jpg" alt="">
<a href="assets/images/gallery/gallery-1-2.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-3.jpg" alt="">
<a href="assets/images/gallery/gallery-1-3.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-4.jpg" alt="">
<a href="assets/images/gallery/gallery-1-4.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-5.jpg" alt="">
<a href="assets/images/gallery/gallery-1-5.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-1.jpg" alt="">
<a href="assets/images/gallery/gallery-1-1.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-2.jpg" alt="">
<a href="assets/images/gallery/gallery-1-2.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-3.jpg" alt="">
<a href="assets/images/gallery/gallery-1-3.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-4.jpg" alt="">
<a href="assets/images/gallery/gallery-1-4.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-5.jpg" alt="">
<a href="assets/images/gallery/gallery-1-5.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
 </div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-1.jpg" alt="">
<a href="assets/images/gallery/gallery-1-1.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-2.jpg" alt="">
<a href="assets/images/gallery/gallery-1-2.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-3.jpg" alt="">
<a href="assets/images/gallery/gallery-1-3.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-4.jpg" alt="">
<a href="assets/images/gallery/gallery-1-4.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-5.jpg" alt="">
<a href="assets/images/gallery/gallery-1-5.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-1.jpg" alt="">
<a href="assets/images/gallery/gallery-1-1.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-2.jpg" alt="">
<a href="assets/images/gallery/gallery-1-2.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-3.jpg" alt="">
<a href="assets/images/gallery/gallery-1-3.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-4.jpg" alt="">
<a href="assets/images/gallery/gallery-1-4.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="swiper-slide">
<div class="gallery-one__item">
<img src="static/picture/gallery-1-5.jpg" alt="">
<a href="assets/images/gallery/gallery-1-5.jpg" class="img-popup"><i class="fa fa-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="site-footer background-black-2">
<img src="static/picture/footer-bg-1-1.png" alt="" class="site-footer__shape-1">
<img src="static/picture/footer-bg-1-2.png" alt="" class="site-footer__shape-2">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
<div class="footer-widget footer-widget__about-widget">
<a href="personal.html" class="footer-widget__logo">
<img src="static/picture/logo-light.png" alt="" width="105" height="43">
</a>
<p class="thm-text-dark">Atiam rhoncus sit amet adip
scing sed ipsum. Lorem ipsum
dolor sit amet adipiscing <br>
sem neque.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
<div class="footer-widget footer-widget__contact-widget">
<h3 class="footer-widget__title">Contact</h3>
<ul class="list-unstyled footer-widget__contact">
<li>
<i class="fa fa-phone-square"></i>
<a href="tel:666-888-0000">666 888 0000</a>
</li>
<li>
<i class="fa fa-envelope"></i>
<a href="/cdn-cgi/l/email-protection#8be2e5ede4cbe8e4e6fbeae5f2a5e8e4e6"><span class="__cf_email__" data-cfemail="620b0c040d22010d0f12030c1b4c010d0f">[email&#160;protected]</span></a>
</li>
<li>
<i class="fa fa-map-marker-alt"></i>
<a href="#">66 top broklyn street.
New York</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
<div class="footer-widget footer-widget__links-widget">
<h3 class="footer-widget__title">Links</h3>
<ul class="list-unstyled footer-widget__links">
<li>
<a href="personal.html">Top Sellers</a>
</li>
<li>
<a href="products.html">Shopping</a>
</li>
<li>
<a href="about.html">About Store</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="contact.html">Help</a>
 </li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
<div class="footer-widget">
<h3 class="footer-widget__title">Explore</h3>
<ul class="list-unstyled footer-widget__links">
<li>
<a href="products.html">New Products</a>
</li>
<li>
<a href="checkout.html">My Account</a>
</li>
<li>
<a href="contact.html">Support</a>
</li>
<li>
<a href="contact.html">FAQs</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
<div class="footer-widget">
<h3 class="footer-widget__title">Newsletter</h3>
<form action="#" data-url="YOUR_MAILCHIMP_URL" class="mc-form">
<input type="email" name="EMAIL" id="mc-email" placeholder="Email Address">
<button type="submit">Subscribe</button>
</form>
<div class="mc-form__response"></div>
</div>
</div>
</div>
</div>
<div class="bottom-footer">
<div class="container">
<hr>
<div class="inner-container text-center">
<div class="bottom-footer__social">
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-facebook-square"></a>
<a href="#" class="fab fa-instagram"></a>
</div>

</div>
</div>
</div>
</footer>
</div>
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler"></div>

<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler"><i class="organik-icon-close"></i></span>
<div class="logo-box">
<a href="personal.html" aria-label="logo image"><img src="static/picture/logo-light.png" width="155" alt="" /></a>
</div>

<div class="mobile-nav__container"></div>

<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="organik-icon-email"></i>
<a href="/cdn-cgi/l/email-protection#08666d6d6c606d647848677a6f69666163266b6765"><span class="__cf_email__" data-cfemail="69070c0c0d010c051929061b0e08070002470a0604">[email&#160;protected]</span></a>
</li>
<li>
<i class="organik-icon-calling"></i>
<a href="tel:666-888-0000">666 888 0000</a>
</li>
</ul>
<div class="mobile-nav__top">
<div class="mobile-nav__language">
<img src="static/picture/flag-1-1.jpg" alt="">
<label class="sr-only" for="language-select">select language</label>

<select class="selectpicker" id="language-select">
<option value="english">English</option>
<option value="arabic">Arabic</option>
</select>
</div>
<div class="main-menu__login">
<a href="#"><i class="organik-icon-user"></i>Login / Register</a>
</div>
</div>
</div>

</div>

<div class="mini-cart">
<div class="mini-cart__overlay mini-cart__toggler"></div>
<div class="mini-cart__content">
<div class="mini-cart__top">
<h3 class="mini-cart__title">Shopping Cart</h3>
<span class="mini-cart__close mini-cart__toggler"><i class="organik-icon-close"></i></span>
</div>
<div class="mini-cart__item">
<img src="static/picture/cart-1-1.jpg" alt="">
<div class="mini-cart__item-content">
<div class="mini-cart__item-top">
<h3><a href="product-details.html">Banana</a></h3>
<p>$9.99</p>
</div>
<div class="quantity-box">
<button type="button" class="sub">-</button>
<input type="number" id="1" value="1" />
<button type="button" class="add">+</button>
</div>
</div>
</div>
<div class="mini-cart__item">
<img src="static/picture/cart-1-2.jpg" alt="">
<div class="mini-cart__item-content">
<div class="mini-cart__item-top">
<h3><a href="product-details.html">Tomato</a></h3>
<p>$9.99</p>
</div>
<div class="quantity-box">
<button type="button" class="sub">-</button>
<input type="number" id="2" value="1" />
<button type="button" class="add">+</button>
</div>
</div>
</div>
<div class="mini-cart__item">
<img src="static/picture/cart-1-3.jpg" alt="">
<div class="mini-cart__item-content">
<div class="mini-cart__item-top">
<h3><a href="product-details.html">Bread</a></h3>
<p>$9.99</p>
</div>
<div class="quantity-box">
<button type="button" class="sub">-</button>
<input type="number" id="3" value="1" />
<button type="button" class="add">+</button>
</div>
</div>
</div>
<a href="checkout.html" class="thm-btn mini-cart__checkout">Proceed To Checkout</a>
</div>
</div>
<div class="search-popup">
<div class="search-popup__overlay search-toggler"></div>

<div class="search-popup__content">
<form action="#">
<label for="search" class="sr-only">search here</label>
<input type="text" id="search" placeholder="Search Here..." />
<button type="submit" aria-label="search submit" class="thm-btn">
<i class="organik-icon-magnifying-glass"></i>
</button>
</form>
</div>

</div>

<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/bootstrap-select.min.js"></script>
<script src="static/js/jarallax.min.js"></script>
<script src="static/js/jquery.ajaxchimp.min.js"></script>
<script src="static/js/jquery.appear.min.js"></script>
<script src="static/js/jquery.circle-progress.min.js"></script>
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/jquery.validate.min.js"></script>
<script src="static/js/nouislider.min.js"></script>
<script src="static/js/odometer.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/tiny-slider.min.js"></script>
<script src="static/js/wnumb.min.js"></script>
<script src="static/js/wow.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/countdown.min.js"></script>

<script src="static/js/organik.js"></script>
</body>
</html>